﻿/*
 * 版 本 v1.0
 * Copyright (c) 2013-2018 广州市同慧信息科技有限公司
 * 创建人：ftquan
 * 日 期：2018.04.09
 * 描 述：弹层选择控件
 */
.lr-layerselect {
    position: relative;
    width: 100%;
    height: 28px;
    line-height: 26px;
    border: 1px solid #ccc;
    padding-left: 4px;
    cursor: pointer;
    color: #999;
}

    .lr-layerselect.selected {
        color: #000;
    }

    .lr-layerselect > i {
        position: absolute;
        top: 8px;
        right: 2px;
        font-size: 12px;
        color: #666;
    }

    .lr-layerselect .clear-btn {
        position: absolute;
        top: 8px;
        right: 2px;
        font-size: 12px;
        display: none;
    }
        .lr-layerselect .clear-btn:hover {
            color: #666;
        }

    .lr-layerselect .select-btn {
        position: absolute;
        top: 0;
        right: 20px;
        height: 100%;
        width: 40px;
        background-color: #ccc;
        text-align: center;
        display: none;
    }
    .lr-layerselect .select-btn:hover {
        color: #666;
    }

.lr-layerselect span {
    width: 800px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lr-layerselect:hover > i {
    display: none;
}

.lr-layerselect:hover .clear-btn {
    display: block;
}
.lr-layerselect:hover .select-btn {
    display: block;
}
